$(function () {


    //登陆扫描切换
    $('.login ul li').on('mouseenter', function () {
        //添加样式
        $(this).addClass('active').siblings().removeClass('active')
        //获取索引
        let index = $(this).index()
        //显示对应索引号的页面
        $('.loginCont > div').eq(index).addClass('on').siblings().removeClass('on')
    })


    //账号显示隐藏
    $('.user').on('input',function(){
     let userLt=$(this).val().length

    if(userLt >0){
        $('.del-1').css({'display':'block'})
    }else{
        $('.del-1').css({'display':'none'})
    }
        
    })

    //点击删除清空
    $('.del-1').on('click',function(){
        $(this).closest('.rbox').find('input').val('')
        $(this).css('display','none')
    })


    //密码显示隐藏
    $('#pwd').on('input',function(){
        let userLt=$(this).val().length
   
       if(userLt >0){
           $('.del-2').css({'display':'block'})
       }else{
           $('.del-2').css({'display':'none'})
       }
           
       })
   
       //点击删除清空
       $('.del-2').on('click',function(){
           $(this).closest('.rbox').find('input').val('')
           $(this).css('display','none')
       })


       //验证账号


      //初始化插件
      $('form').validate({
        //验证规则
        rules: {
            user: {
                required: true,
                isUser: true
            },
            pwd: {
                required: true,
                isPwd: true
            },
         
        

        },


        //错误提示信息
        messages: {
            user: {
                required: '请输入用户名'
            },
            pwd: {
                required: '密码不能为空'
            },
        
        }
        })
        //自定义用户名验证规则   
    // \w: 数字 字母 下划线
    jQuery.validator.addMethod("isUser", function(value, element) {   
        var tel = /^[a-zA-z]\w{5,11}$/; //6-12位字母开头后跟数字 字母 下划线
        return this.optional(element) || (tel.test(value));
    }, "格式错误");

    //密码
    jQuery.validator.addMethod("isPwd", function(value, element) {   
        var tel = /^[a-zA-z]\w{5,11}$/; //6-12位字母开头后跟数字 字母 下划线
        return this.optional(element) || (tel.test(value));
    }, "请正确填写密码");

})